﻿<%@ page language="java" contentType="text/html" pageEncoding="UTF-8"%>
 
  
<!DOCTYPE html>
<html lang="en" >
<head>
	<meta charset="UTF-8">
  <title>渝西监狱大安全信息处理系统</title>
 	
 	<style type="text/css">
		.selecth1{font-size: 17px;font-weight: bold;}


 	</style>
  </head>
<body>
	<jsp:include  page="../Nav.jsp"/>
	<div class="container-fuild">
	  <div class="row">
	      <div class="col-xs-2 pr0" style="position: relative;">
	      <jsp:include  page="../Menu.jsp"/>
	      </div>
	      <div class="col-xs-10 " style="
	      padding-top: 10px;">
	       <!--   视图区域 -->    
			<div >
				<div class="panel panel-primary ">
				   <div class="panel-heading p0 ">	
				      	<!-- 面包屑导航 -->
				      	<ol class="breadcrumb m0 nav-style">
							<li><a href="#"><span class="glyphicon glyphicon-folder-open" aria-hidden="true"></span> &nbsp;信息管理</a></li>
							<li class="active">添加信息</li>
						</ol>
				   </div>
				   <div class="panel-body form-horizontal">
						<div id="s"></div>

						　　






							<div class="form-group " >
							    <label for="inputEmail3" class="col-xs-1 control-label">
							    <span class="improFlag"><i>*</i></span>信息归属:</label>
							    <div class="col-xs-3 " >
							   		 <select  id="infor-where-select" class="form-control infor_where" >
								      		<!-- 后台请求分口数据填充	 -->
								      </select>
							     	
							    </div>
					 		     
						 	 </div>
						  	<div class="form-group " >
							    <label for="inputEmail3" class="col-xs-1 control-label">
							    <span class="improFlag"><i>*</i></span>信息渠道:</label>
							    <div id="modifyInfoRecord" style="padding:0px;" class="col-xs-4">

			  			 			<div class="list-group  modifyRecord reSearchSource" id="resour" style="padding-left: 13px;">
						   							<!-- 后台请求道数据填充	 -->
											 <table id="treeTable1" class="table"  style="width:100%">

											 </table>
										    
									</div>
						 	 	</div>
						 	 	<label for="inputEmail3" class="col-xs-1 control-label"><span class="improFlag"><i>*</i></span>安全分口:</label>
								<div class="col-xs-4">
								      <table id="treeTable2" class="table"  style="width:100%">

											 </table>
								</div>
						 	 </div>
							<div class="form-group">
						 		
								<div  id="node">
								<label for="inputEmail3" class="col-xs-1 control-label">参与人:</label>
								    <div class="col-xs-1 text-center" >
								      	<a href="javascript:void(0);" id="Part"><span class="form-control glyphicon glyphicon-plus" aria-hidden="true"></span></a>
								    </div>
								    <label  class='label1'    style='line-height:30px;'></label>
							</div>
							</div>
						 	<div class="form-group">
							    <label for="inputEmail3" class="col-xs-1 control-label"><span class="improFlag"><i>*</i></span>重要分级:</label>
							    <div class="col-xs-4">
							      	<select  class="form-control pes"   >
							      		<!-- 后台请求分级数据填充	 -->		
							      	</select>
							    </div>
							    <label for="inputEmail3" class="col-xs-1 control-label"><span class="improFlag"><i>*</i></span>分类:</label>
							    <div class="col-xs-4">
							      	<select  class="form-control sort"   >
							      		<!-- 后台请求分类数据填充	 -->
							      	</select>
							    </div>
						  	</div>
			
							
						  	<div class="form-group" >
							    <label for="inputEmail3" class="col-xs-1 control-label"><span class="improFlag"><i>*</i></span>信息简介:</label>
							    <div class="col-xs-11" >
							      	<textarea class="briefing form-control" id="brie" rows="4" cols="80" style="resize:none;"></textarea>
							    </div>
						  	</div>

							 
						 	<div class="form-group" >
							    <label for="inputEmail3"  class="col-xs-1 control-label">
							    <span class="improFlag"><i>*</i></span>
							    信息内容:</label>
							    <div class="col-xs-11" >
							      	 <textarea id="content" class="cont form-control"   rows="15" cols="150" style="resize:none;"></textarea> 
							    </div>
						  	</div>
							<div class="form-group">
							    <label for="inputEmail3" class="col-xs-1 control-label">信息措施:</label>
							    <div class="col-xs-11" >
							      	<textarea  class="step form-control"   rows="4" cols="80" style="resize:none;"></textarea>
							    </div>
						  	</div>
						 
						 	<div class="form-group" style="display: none;">
							    <label for="inputEmail3" class="col-xs-1 control-label">信息标准:</label>
							    <div class="col-xs-11">
							      	<textarea class="basic form-control"    rows="4" cols="80" style="resize:none;"></textarea>
							    </div>
						  	</div>
						 
							<div class="form-group">
							    <label  class="col-xs-1 control-label">添加附件:</label>
							    <div class="col-xs-9">
							      				 
			            	<a href="#" id="fileUp"  style="display:inline-block; width:100px; height:30px; background:#1876CB; position:relative; overflow:hidden;text-align: center;line-height: 30px;border-radius: 5px;color:#ffffff;text-decoration:none;">上传附件
	    						<input id="upfile-haoping" style="position:absolute; right:0; top:0; font-size:100px; opacity:0; filter:alpha(opacity=0);" type="file" name="files" multiple="multiple" value="浏览" />
	    					 </a>
				                <span id="loading" style="margin-left:20px;display: none;"><img src="../../images/loading.gif" >...正在上传</span>
				                 <span id="loadOk" style="margin-left:20px;color: green;display: none;"> <span  class="glyphicon glyphicon-ok" aria-hidden="true"></span>附件上传成功</span>
			              
						 </div>
						</div>
								<!-- 测试 -->
							<!--   <button class="btn btn-primary" ng-click="vedioplay()">播放</button>
			         -->
			         		<div class="row">
							   <button  class="btn btn-primary btn-sm col-xs-1 col-xs-offset-5" id="submitInfo">提交</button>
				
			         		</div>
							
						   <!-- <span style="width:150px;margin-left:30%;margin-top: 80px;"  class="btn btn-primary btn-lg" id="save">保存</span>
						   <button style="width:150px;margin-left:5%;margin-top: 80px;"  class="btn btn-primary btn-lg" id="submitInfo">提交</button>
						   <span style="width:150px;margin-left:5%;margin-top: 80px;"  class="btn btn-primary btn-lg" id="flowbtn">流程</span> -->

				   </div>
				</div>
			</div>
			
	
	     </div>
	   </div>
	</div>
	
	<!-- 提交模态框 -->
			<div class="modal fade " id="myModal">
			  <div class="modal-dialog" style="width: 300px;"> 
			    <div class="modal-content">
			      <div class="modal-header">
			        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
			        <h4 class="modal-title">是否提交</h4>
			      </div>
			      <div class="modal-body">
			        <p>您确认要提交这份信息？&hellip;</p>
			      </div>
			      <div class="modal-footer">
			        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
			        <button type="button" id="sure" class="btn btn-primary">确认</button>
			      </div>
			    </div><!-- /.modal-content -->
			  </div><!-- /.modal-dialog -->
			</div><!-- /.modal-->
			
			<script type="text/javascript" src="../../js/cookie.js"></script>
			
			
			
			
				<!-- 参与人模态框 -->
			<div class="modal fade " id="myPart">
			  <div class="modal-dialog" style="width:700px;" > 
			    <div class="modal-content">
			      <div class="modal-header">
			        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
			        <h4 class="modal-title">责任人选择</h4>
			      </div>
			      <div class="modal-body">
					<div class="input-group col-xs-5 col-xs-offset-3" style="margin-bottom: 20px;" >
			       	 	
			        	<input type="text" class="form-control" id="accountOrName" aria-describedby="inputGroupSuccess2Status" placeholder="输入需要查询的警号">
			        	<span class="input-group-addon">
			        		<a href="javascript:void();" id="SearchUserName"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></a>
			        	</span>
			      	</div>
			      	<div style="width:100%;height:50px; margin-left:20px;">
	
										<label style="width:50px;">部门</label>
										<select id="queryUser" style="width:25%;display:inline-block !important;"  class=" form-control struc" >
										<option value="1">监狱</option>
										
											
										</select>
										
										<select id="" style="width:25%;display:inline-block !important;"  class=" form-control department" >
						
            								<option value="choice">选择科室或监区</option>
               	 					
										
											
										</select>
										
										<select id="" style="width:25%;display:inline-block !important;"  class=" form-control child" >
											<option value="choice">选择分监区</option>
										
											
										</select>
							
									
					</div>
			      	<div style="width:95%; margin:0 auto; height:300px;">
			      		<div  style="width:35%;float:left;  height:100%;border:1px solid lightgray;">
							<div id="seleStruct">
								<div style="width:100%;height:10px;">
	
										
									
								</div>
								<div style="width:100%;height:280px;margin-top:10px;overflow:auto;">
									<ul class="selctUser">
										
									</ul>
								
								</div>
							
							
							
							</div>
							
							<div id="searchId" style=" padding:20px; display:none;">
							
								<ul class="selctUserName">
									
									
								
								</ul>

							</div>
							
							
						</div>
						<div style="width:25%; float:left;">
							<div  style="height:100px;width:100px;  margin:0 auto; margin-top:70px;">
							 <button  type="button" style="display:block;margin:0 auto;margin-top:10px;"   id="select-all" class="btn btn-primary " value="">全选</button>
					                <button type="button" style="display:block;margin:0 auto;margin-top:10px;"   id="select-fan" class="btn btn-primary " value="">反选</button>
								<button id="addCho" style="display:block;margin:0 auto;margin-top:10px;"  class="btn btn-default  ">添加></button>
								<button id="removeCho" style="display:block;margin:0 auto;margin-top:10px;"  class="btn btn-default ">&lt;移出</button>
								<button id="removeAll" style="display:block;margin:0 auto;margin-top:10px;"  class="btn btn-default  ">移出所有</button>
								<button style="display:block;margin-top:10px;margin-left:-8px; display:none;"  class="btn btn-default" id="searchIdCur">返回到部门查询</button>
								
							
							</div>
							
						</div>
					     <div id="addRequest" style="width:30%; float:left; height:100%; border:1px solid lightgray;overflow:auto;" >
							<ul>
							
							</ul>
					
						</div>
			      	
			      	</div>
					
					     

			      </div>
			      <div class="modal-footer">
			        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
			        <button type="submit" id="surePart"  class="btn btn-primary">确认</button>
			      </div>
			    </div><!-- /.modal-content -->
			  </div><!-- /.modal-dialog -->
			</div><!-- /.modal-->
			
			    
			<!-- 失败模态框 -->
			<div class="modal fade " id="badmodal">
			  <div class="modal-dialog" style="width: 300px;"> 
			    <div class="modal-content">
			      <div class="modal-header">
			        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
			        <h4 class="modal-title">提示</h4>
			      </div>
			      <div class="modal-body">	
			      	<span id="idNumber" ></span>
			        <p>请录入完整的信息</p>
			      </div>
			      <div class="modal-footer">
			        <button type="button" class="btn btn-default" data-dismiss="modal">确认</button> 
			      </div>
			    </div><!-- /.modal-content -->
			  </div><!-- /.modal-dialog -->
			</div><!-- /.modal-->
			
			<!-- 成功模态框 -->
			<div class="modal fade " id="successmodel">
			  <div class="modal-dialog" style="width: 300px;"> 
			    <div class="modal-content">
			      <div class="modal-header">
			        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
			        <h4 class="modal-title">成功</h4>
			      </div>
			      <div class="modal-body">	
			      	<span id="idNumber" ></span>
			        <p>操作成功</p>
			      </div>
			      <div class="modal-footer">
			        <button type="button" class="btn btn-default" data-dismiss="modal">确认</button>
			        
			      </div>
			    </div><!-- /.modal-content -->
			  </div><!-- /.modal-dialog -->
			</div><!-- /.modal-->
			
			
			<!-- 
			附加模态框 -->
			<div class="modal fade " id="vediomodel">
			  <div class="modal-dialog"  style="width:700px;height:500px;"> 
			    <div class="modal-content">
			      <div class="modal-header">
			        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
			        <h4 class="modal-title">播放附件</h4>
			      </div>
			      <div class="modal-body">	
			      		
				<video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="640" height="264"
			      poster="http://video-js.zencoder.com/oceans-clip.png"
			      data-setup="{}">
			    <source src="http://10.118.108.178:8080/YuXi/Upload/iqymuh0y271469245517746.mkv" type='video/mp4' />
			    <source src="http://10.118.108.178:8080/YuXi/Upload/iqymuh0y271469245517746.mkv" type='video/webm' />
			    <source src="http://10.118.108.178:8080/YuXi/Upload/iqymuh0y271469245517746.mkv" type='video/ogg' />
			   
			  </video> 
			      </div>
			      <div class="modal-footer">
			        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
			        
			      </div>
			    </div><!-- /.modal-content -->
			  </div><!-- /.modal-dialog -->
			</div><!-- /.modal-->
			


			<!-- 流程模态框 -->
			<div class="modal fade " id="flowmodel">
			  <div class="modal-dialog" style="width:900px;"> 
			    <div class="modal-content">
			      <div class="modal-header">
			        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
			        <h4 class="modal-title">流程</h4>
			      </div>
			      <div class="modal-body">	
			      	<div id="requestChart"></div>
			      </div>
			      <div class="modal-footer">
			        <button type="button" id="flowsure" class="btn btn-default" data-dismiss="modal">确认</button>
			        
			      </div>
			    </div><!-- /.modal-content -->
			  </div><!-- /.modal-dialog -->
			</div><!-- /.modal-->
			
			
			<!-- 保存模态框 -->
			<div class="modal fade " id="saveModal">
			  <div class="modal-dialog" style="width: 300px;"> 
			    <div class="modal-content">
			      <div class="modal-header">
			        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
			        <h4 class="modal-title">保存</h4>
			      </div>
			      <div class="modal-body">
			        <p>您确认要保存这份信息？&hellip;</p>
			      </div>
			      <div class="modal-footer">
			        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
			        <button type="button" class="btn btn-primary"  data-dismiss="modal">确认</button>
			      </div>
			    </div><!-- /.modal-content -->
			  </div><!-- /.modal-dialog -->
			</div><!-- /.modal-->

	<script type="text/javascript" src="../../js/firstController/information/addInfo.js"></script>
	<script type="text/javascript" src="../../js/firstController/information/getUser.js"></script>
	<script type="text/javascript" src="../../js/requestSearch.js"></script>
		<script type="text/javascript" src="../../js/infor.where.js"></script>
</body>
</html>